<!doctype html>
<html class="no-js" lang="en">
<head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>La Nouette | Partenaires</title>
    <link rel="stylesheet" href="css/normalize.css"/>
    <link rel="stylesheet" href="css/foundation.css"/>
    <link rel="stylesheet" href="css/domaine.css"/>
    <script src="js/vendor/modernizr.js"></script>
</head>
<body class="background background-nous">
<div class="main">

    <!-- En-tête  -->
    <div class="banner">
        <div class="row">
            <div class="large-12 columns">
                <div class="banner-img">
                    <img src="img/domaine/banner.png">
                </div>
            </div>
        </div>
    </div>


    <div class="navigation large-12">
        <div class="contain-to-grid sticky">
            <nav class="top-bar" data-topbar data-options="sticky_on: large">
                <ul class="title-area">
                    <li class="name">
                        <h1><a href="home.html">Accueil</a></h1>
                    </li>
                </ul>

                <section class="top-bar-section">
                    <!-- Right Nav Section -->
                    <ul class="right">
                        <li class="active has-dropdown">
                            <a href="#">Envie d'agir ?</a>
                            <ul class="dropdown">
                                <li>
                                    <a href="pourquoiVous.html">Pourquoi vous</a>
                                </li>
                                <li>
                                    <a href="adherer.html">Adhérer</a>
                                </li>
                            </ul>
                        </li>
                        <li>
                            <a href="contact.html">Nous contacter</a>
                        </li>
                        <li class="active">
                            <a href="partenaires.html">Nos partenaires</a>
                        </li>
                    </ul>

                    <!-- Left Nav Section -->
                    <ul class="left">
                        <li class="has-dropdown">
                            <a href="#">Le domaine</a>
                            <ul class="dropdown">
                                <li><a href="domaine.html">Le domaine</a></li>
                                <li><a href="mentions legales.html">Mentions légales</a></li>
                                <li><a href="alentours.html">Les alentours</a></li>
                                <li><a href="nous.html">Nous</a></li>
                            </ul>
                        </li>
                        <li class="has-dropdown">
                            <a href="#">Nos services</a>
                            <ul class="dropdown">
                                <li><a href="atelier.html">Atelier</a></li>
                                <li><a href="diffusion.html">Diffusion</a></li>
                            </ul>
                        </li>
                        <li>
                            <a href="artistes.html">Les artistes</a>
                        </li>

                    </ul>
                </section>
            </nav>
        </div>
    </div>
    <!-- Fin de l'en-tête  -->

    <div class="content">
        <div class="row">
            <div class="large-12 columns">
                <div class="panel">
                    <div class="row">
                        <div class="large-4 medium-6 column partenaire-container">
                            <div class="partenaire">
                                <a class>
                                    <img src="img/domaine/portraits/sacem.png">
                                </a>
                                <label>SACEM</label>
                            </div>
                        </div>

                        <div class="large-4 medium-6 column partenaire-container">
                            <div class="partenaire">
                                <a class>
                                    <img src="img/domaine/portraits/sncf.png">
                                </a>
                                <label>SNCF</label>
                            </div>
                        </div>

                        <div class="large-4 medium-6 column partenaire-container">
                            <div class="partenaire">
                                <a class>
                                    <img src="img/domaine/portraits/ulue.png">
                                </a>
                                <label>ULULE</label>
                            </div>
                        </div>

                        <div class="large-4 medium-6 column partenaire-container">
                            <div class="partenaire">
                                <a class>
                                    <img src="img/domaine/portraits/eac.png">
                                </a>
                                <label>EAC</label>
                            </div>
                        </div>
                        <div class="large-4 medium-6 column partenaire-container">
                        <div class="partenaire">
                            <br><a class>
                                <img src="img/domaine/portraits/casino%20de%20paris.png">
                            </a>
                            <label>Casino de Paris</label></br>
                        </div>
                    </div>   <div class="large-4 medium-6 column partenaire-container">
                        <div class="partenaire">
                            <br><a class>
                            <img src="img/domaine/portraits/sceneetlive.jpg">
                        </a>
                            <label>Scène&Live</label></br>
                </div>


            </div>
        </div>
    </div>


    <!-- Pied de page -->

    <div class="footer">
        <div class="large-4 columns">
            <span>© 2014 La Nouette</span>
        </div>
        <div class="large-4 columns">
            <span>Contact: Nicole Mingasson</span>
        </div>
        <div class="large-4 columns">
        <span><a href="https://www.facebook.com/SceneEtLive?fref=ts">Aller sur le Facebook du site</a>
        </div>
</html>